.main-select {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  font-size: 0.08rem;
  height: 100%;
  
  position: relative;
  
  .select-top{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 0.03rem;
    padding-right: 0.03rem;
    box-sizing: border-box;

  }
  .left {
    flex: 1;
    display: flex;
    margin-right: 0.05rem;
    height: 100%;
    position: relative;
    .input {
      height: 100%;
      border: 1px solid blue;
      border: none;
      outline: none;
      // font-size: 0.08rem;
      display: flex;
      align-items: center;
      color: #989797;
      input{
        outline: none;
        border: none;
        width: 100%;
        cursor: text !important;
      }
      // height: 100%;
    }
    .shows {
      font-size: 0.08rem;
      flex: 1;
      display: flex;
      width: 100%;
      align-items: center;
      .overOne {
        width: 0;
        flex: 1;
      }
      width: 0;
      color: #2d2d2d;
    }
  }
  .right-icon {
    // width: 0.1042rem;
    height: 100%;
    display: flex;
    align-items: center;
   
    .icon{
        width: 0.1042rem;
        height:0.1042rem;

    }
    .transition{
        transition: transform 0.2s;

    }
    .close{
        margin-right: .03rem;
    }
    .svg{
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .2rem;
    }
  }
  .option-list {
    position: absolute;
    top: calc(100% - 1px);
    width: calc(100%);
    // width: calc(100% - 1px);
    left:  0;
    background: white;

    box-sizing: border-box;
    z-index: 1;
    overflow-x: auto;
    overflow-y: auto;
   
    .part {
      height: 0.2rem;
      line-height: 0.2rem;
      padding-left: 0.03rem;
      padding-right: 0.03rem;
      white-space: nowrap;
    }
    .part:hover {
      background:  var(--select-style-color, #3644bf);
      color: white;
    }

    .sel {
      background: var(--select-style-color, #3644bf);
      color: white;
    }   
    .nosel{
      color: var(--value-style-color, #2d2d2d);
    }  

    .none {
      display: flex;
      align-items: center;
      // color: #989797;
      justify-content: center;
      width: 100%;
      font-size: 0.08rem;
      height: 0.2rem;
    }
  }
}
.rotation {
  transform: rotateZ(180deg);
}


.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: spin 2s linear infinite;
  }

  @-webkit-keyframes spin {
    from {
      -webkit-transform: rotateZ(0deg);
    }
    to {
      -webkit-transform: rotateZ(360deg);
    }
  }
  
  @keyframes spin {
    from {
      transform: rotateZ(0deg);
    }
    to {
      transform: rotateZ(360deg);
    }
  }